<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>宣发</title>

    <link rel="stylesheet" href="../../person_home/css/mescroll.min.css"/>
    <link rel="stylesheet" href="css/xuanfa.css"/>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>
<style>

</style>
<body>

<div id="header">
    <div id="top">
        <div class="top_left">
            <a href="#" class="active" style="text-decoration: none">团队资源</a>
        </div>
        <div class="top_right">
            <a href="#" style="text-decoration: none">案例展示</a>
        </div>
    </div>
    <!--第二部分：菜单栏-->
    <header>
        <ul id="ul">
            <li>
                <a href="#" class="active" id="0" data-index="0" style="text-decoration: none">全部</a>
            </li>
        </ul>
        <ul id="caseUl">
            <li>
                <a href="#" class="active" style="text-decoration: none" id="_0" data-index="0">全部</a>
            </li>
        </ul>
    </header>
</div>
<!--第三部分：主体-->
<section>
    <!--团队资源-->
    <div id="action">

    </div>
    <!--用于适配iPhone X底部-->
    <div class="footer_position"></div>
    <!--案例展示-->
    <div id="case">

    </div>
    <!--用于适配iPhone X底部-->
    <div class="footer_position"></div>


</section>
<!--导航-->
<script type="text/template" id="headerTpl">

    {{each data.list as item i}}
    <li>
        <a href="#" id="{{item.cat_id}}" data-index="{{1+i}}" style="text-decoration: none">{{item.cat_name}}</a>
    </li>
    {{/each}}
</script>
<!--团队资源-->
<script type="text/template" id="xuanfaListTpl">
    <div id="mescroll0" class="mescroll">
        <ul class="history_lesson data-list" id="dataList0"></ul>
    </div>
    {{each data as item i}}
    <div id="mescroll{{i+1}}" class="mescroll hide">
        <ul class="history_lesson data-list" id="dataList{{1+i}}">
        </ul>
    </div>
    {{/each}}
</script>
<!--列表内容-->
<script type="text/template" id="listTpl">
    {{each data.list as item i }}
    <li data-id="{{item.team_id}}">
        <div class="icon">
            <img src="{{item.list_show_img}}" alt=""/>
        </div>
        <div class="info">
            <p class="PrudctName">{{item.title_name}}</p>

            <p class="info_des">{{item.team_introduce}}</p>

            <p class="work">
                <span>{{item.team_name}}</span>
                <span><b class="b{{i}}" data-info="{{item.like_info}}"></b> <i>{{item.like_numbers}}</i></span>
            </p>

        </div>
    </li>


    {{/each}}


</script>

<!--案例导航-->
<script type="text/template" id="caseHeaderTpl">
    {{each data.list as v ii}}
    <li>
        <a href="#"  style="text-decoration: none" id="{{v.cat_id}}" data-index="{{ii+1}}">{{v.cat_name}}</a>
    </li>
    {{/each}}
</script>
<!--案例滑动模板-->
<script type="text/template" id="caseTpl">
    <div class="team mescroll" id="scroll0">
        <ul class="team_resources" id="List0">


        </ul>
    </div>
    {{each data as value index}}
    <div class="team mescroll hide" id="scroll{{index+1}}">
        <ul class="team_resources" id="List{{index+1}}">


        </ul>
    </div>
    {{/each}}
</script>
<!--案例数据    -->
<script type="text/template" id="teamTpl">
    {{each data.list as item i}}
    <li id="{{item.id}}">
        <div class="team_icon">
            <img src="{{item.list_show_img}}" alt=""/>
        </div>
        <div class="team_info">
            <div class="team_name">
                <p class="team_prudctName">{{item.name}}</p>

                <p class="team_type">{{item.cat_name}}</p>
            </div>
            <p class="team_des">{{item.project_desc}}</p>

            <p class="team_make">
                <span>制作团队：<b>{{item.purpose_team}}</b></span>
                <span class="thumbs"><b class="zan b{{i}}" data-info="{{item.like_info}}"></b> <i>{{item.like_numbers}}</i></span>
            </p>
        </div>
    </li>
    {{/each}}
</script>


<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/template.js"></script>
<script src="../../person_home/js/mescroll.min.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="js/xuanfa.js"></script>

</body>

</html>